// 需要给导航条的li添加鼠标移入和移出事件，移入时动态获取二级菜单div的实际内容的高度
let lis = document.querySelectorAll('.menu-item');  //获取所有的导航条li
// 遍历每一个导航条li
lis.forEach(function (v) {
    // 给当前li添加鼠标移入事件
    v.addEventListener('mouseover', function () {
        // scrollHeight--获取到盒子内容的实际高度
        let div = this.querySelector('.sub-menu');
        // 防止实际内容为空时报错
        if (div) {
            div.style.height = div.scrollHeight + 'px';
        }
    })
    // 给当前li添加鼠标移出事件
    v.addEventListener('mouseout', function () {
        // scrollHeight--获取到盒子内容的实际高度
        let div = this.querySelector('.sub-menu');
        // 防止实际内容为空时报错
        if (div) {
            div.style.height = 0;
        }
    })
})